$(function () {
    init();
    function init() {
        eventList();
        mui.init({
            pullRefresh: {
                container: ".lt_view",//下拉刷新容器标识，querySelector能定位的css选择器均可，比如：id、.class等
                down: {
                    auto: true,//可选,默认false.首次加载自动上拉刷新一次
                    callback: function () {
                        getQueryProductDetail(function () {
                            // 结束下拉刷新
                            mui('.lt_view').pullRefresh().endPulldownToRefresh();
                        });
                    }
                }
            }
        });
    }

    function eventList() {
        $('.lt_contain').on('tap', '.size_btn', function () {
            $(this).addClass('active').siblings().removeClass('active');
        })

        //添加到购物车
        $('.addInCart').on('tap', function () {
            var sizeBtnLength = $('.size_btn.active').length;
            console.log(sizeBtnLength);
            if (sizeBtnLength == 0) {
                mui.toast('请选择尺码');
                return;
            }

            //根据参数需求,构造参数
            var params = {
                productId: $.getQueryString('productId'),
                size: $('.size_btn.active').text(),
                num: $('.num_val').val()
            };
            //发送请求之前,清除加载的效果
            // 发送ajax请求之前 调用一次


            //发送post请求
            $.post(location.origin + '/cart/addCart', params, function (ret) {
                if (ret.error && ret.error == 400) {
                    mui.toast(ret.message);
                    setTimeout(function () {
                        //没有登录需要跳转回登录页面,但是需要在session里面跨页面保存当前的id,方便登录成功后,跳转回来渲染
                        sessionStorage.setItem('pageName', location.href);
                        location.href = './login.html';
                    }, 1000);
                } else if (ret.success) {
                    mui.confirm('添加成功,是否要跳转页面', '提示', ['是', '否'], function (etype) {
                        if (etype.index == 0) {
                            //选择'是'
                            location.href = './cart.html';
                        } else if (etype.index == 1) {
                            //选择了'否',依旧留在当前页面,什么都不执行
                        }
                    })
                }
            })
        })

    }

    //发送请求获取商品的详情
    function getQueryProductDetail(callback) {
        var id = $.getQueryString('productId');
        $.ajaxSettings.beforeSend = function () {
        };
        $.ajaxSettings.complete = function () {
        };
        $.get(location.origin + '/product/queryProductDetail?id=' + id, function (ret) {
            //给返回的额ret添加一个属性
            ret.sizeArr = formatSize(ret.size);
            var html = template('mainTpl', ret);
            $('.lt_contain').html(html);

            //渲染完成之后,进行轮播图的初始化
            var gallery = mui('.mui-slider');
            gallery.slider({
                interval: 5000//自动轮播周期，若为0则不自动播放，默认为0；
            });

            //动态添加的数字输入框需要手动初始化
            mui(".mui-numbox").numbox();
            callback && callback();
        })
    }

    //将字符串(40-50)转化为数组[40,41,..,50]的方法
    function formatSize(str) {
        var startNum = str.split('-')[0];//拿到40
        var endNum = str.split('-')[1]; //拿到50
        var arr = [];
        for (var i = startNum; i <= endNum; i++) {
            arr.push(i);
        }
        return arr;
    }
})